<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>遍历节点</title>
    <script src="js/jquery-1.12.4.js"></script>
</head>
<body>
<div id="diva">
    <div id="divb">
        <p>这是<b>一个</b><b><span>段落</span></b></p>
    </div>
    <div id="divc">
        <p>这是<b>一个</b><b><span>段落</span></b></p>
    </div>
    <div id="divd">
        <p>这是<b>一个</b><b><span>段落</span></b></p>
    </div>
    <input type="button" value="按钮">
    <p>段落</p>
        <a>百度</a>

</div>

</body>
<script>
    //$ 不可用
    $.noConflict();

    jQuery(function ($) {
        //获取span的父标签
        // console.log($("span").parent());
        //获取span标签的上级， 上级的上级, ....  根节点（html）
        // console.log($("span").parents());
        //获取span标签 指定名称的 父标签
        // console.log($("span").parents("div"));
        // 获取span标签和 div标签中间的元素
        // console.log($("span").parentsUntil("div"));

        //找到div的直接子节点(一个)
        // console.log( $("#diva").children());
        //查找div的子节点  b(多个)
        // console.log( $("#diva").find("b"));
        ///查找div的所有子节点
        // console.log( $("#diva").find("*"));


        //获取所有的同胞节点
        // console.log( $("#divb").siblings());
        //获取同胞中叫 div的节点
        // console.log( $("#divb").siblings("div"));
        //下一个兄弟
        // console.log( $("#divb").next());
        //  上一个兄弟
        // console.log( $("#divc").prev());

        //获取两个元素 区间的兄弟元素
        // console.log( $("#divb").nextUntil("a"));


        console.log($("div").filter("#divc"));

    })
</script>
</html>